<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
    <meta charset="UTF-8">
    <title>搜索</title>
    <!--样式-->
    <link rel="stylesheet" type="text/css" href="../static/css/global.css">
    <link rel="stylesheet" type="text/css" href="../static/css/index.css">
    <link rel="stylesheet" type="text/css" href="../static/css/myPagination.css">
    <link rel="shortcut icon" href="../static/img/favicon.ico" />
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!--导航栏-->
    <div class="nav-bar-holder">
        <div class="nav-bar" id="nav-bar">
            <div class="logo-box">
                <a href="" class="blog-title ta-c">
                    <img alt="logo" src="../static/img/logo.jpg" />
                </a>
            </div>

            <div class="nb-a-holder" id="home"><a class="nb-a ta-c" href="index.html">首页</a></div>
            <div class="nb-a-holder">
                <a class="nb-a ta-c" href="category.html">分类</a>
                <ul id="category-ul" class="nav-ul" style="display: none;">

                </ul>
            </div>
            <div class="nb-a-holder"><a class="nb-a ta-c" href="label.html">标签墙</a></div>
            <div class="nb-a-holder"><a class="nb-a ta-c" href="archive.html">归档</a></div>
            <div class="nb-a-holder"><a class="nb-a ta-c" href="link.html">友情链接</a></div>

            <div id="search-nb">
                <span class="search-s fl">
                    <label for="search-input"></label><input class="fl" type="text" id="search-input"
                        placeholder="请输入关键字">
                    <a class="search-icon fl" onclick="" href="search.html"></a>
                </span>
            </div>
            <div class="nb-a-holder-last">

                <div class="nb-a-holder-small">
                    <a class="a-login" href="login-reg.html">登录</a>
                </div>
                <div class="nb-a-holder-small">
                    <a class="a-login" href="login-reg.html">注册</a>
                </div>

            </div>
        </div>
    </div>
    <!-- 导航栏结束 -->

    <!-- 移动端导航栏 -->
    <div class="mobile-nav">
        <div class="logo-box">
            <a href="/" class="blog-title ta-c">
                <img alt="logo" src="../static/img/logo.jpg"/></a>
        </div>
        <a id="mobile_cate" style="background-image: url('../static/img/cate.svg')" href="javascript:void(0);"
            onclick="show_nav()"></a>
    </div>

    <ul id="nav-m-list" style="display: none;">
        <li><a href="index.html">首页</a></li>
        <li><a href="login-reg.html">登录</a></li>
        <li><a href="login-reg.html">注册</a></li>
        <li><a href="category.html">分类</a></li>
        <li><a href="label.html">标签墙</a></li>
        <li><a href="archive.html">归档</a></li>
        <li><a href="link.html">友情链接</a></li>
        <li>
            <span class="search-s fl">
                <label for="search-input-m"></label><input class="fl" type="text" id="search-input-m" placeholder="关键词">
                <a class="search-icon fl" onclick="" href="search.html"></a>
            </span>
        </li>
    </ul>
    <!-- 移动端导航栏结束 -->

    <!--主体-->
    <div class="big-container">
        <article class="article">

            <div class="result-box">
                <!--文章内容-->
                <div id="article-holder" style="width: 100%; float: left">

                    <div class="article-box">
                        <div class="ab-content">
                            <div class="article-title"> <a href="">Django常用ORM方法</a> </div>
                            <div class="article-cate"><a href="">后台</a> <a style="color:#a6a6a6">/</a>
                                <a href="">Django</a> </div> <a href="" class="article-img-box"> <img
                                    class="article-img" alt=""
                                    src="../media/article/13eb165ff2ad4132b1e21d5aa113117d/file_1564106904000.jpg"> </a>
                            <div class="article-detail-box c-666">
                                ![](https://img.hacpai.com/bing/20171230.jpg?imageView2/1/w/768/h/432/interlace/1/q/100)

                                # 前言
                                Django内置了数据库抽象API，通过调用指定函数，封装对象的方法来完成对数据库检索、增加、删除、修改、聚合等操作，无需手写SQL，可以大大提升开发效率。

                                - 开始教程之前，我们已经在 **mysite/b </div> <span class="article-tail-box"> <i class="fl"
                                    style="background-image: url('../static/img/read-index.svg')"></i>
                                <span class="read-number c-999 fl">62</span>
                                <i class="fl" style="background-image: url('../static/img/comment-index.svg')"></i>
                                <span class="comment-number c-999 fl">0</span> <span class="article-date c-999">8月7日
                                    22:23</span> <span class="article-author one-line-overflow c-999">admin</span>
                            </span>
                        </div>
                    </div>

                    <div class="article-box">
                        <div class="ab-content">
                            <div class="article-title"> <a href="">Django常用ORM方法</a> </div>
                            <div class="article-cate"><a href="">后台</a> <a style="color:#a6a6a6">/</a>
                                <a href="">Django</a> </div> <a href="" class="article-img-box"> <img
                                    class="article-img" alt=""
                                    src="../media/article/13eb165ff2ad4132b1e21d5aa113117d/file_1564106904000.jpg"> </a>
                            <div class="article-detail-box c-666">
                                ![](https://img.hacpai.com/bing/20171230.jpg?imageView2/1/w/768/h/432/interlace/1/q/100)

                                # 前言
                                Django内置了数据库抽象API，通过调用指定函数，封装对象的方法来完成对数据库检索、增加、删除、修改、聚合等操作，无需手写SQL，可以大大提升开发效率。

                                - 开始教程之前，我们已经在 **mysite/b </div> <span class="article-tail-box"> <i class="fl"
                                    style="background-image: url('../static/img/read-index.svg')"></i>
                                <span class="read-number c-999 fl">62</span>
                                <i class="fl" style="background-image: url('../static/img/comment-index.svg')"></i>
                                <span class="comment-number c-999 fl">0</span> <span class="article-date c-999">8月7日
                                    22:23</span> <span class="article-author one-line-overflow c-999">admin</span>
                            </span>
                        </div>
                    </div>

                    <div class="article-box">
                        <div class="ab-content">
                            <div class="article-title"> <a href="">Django常用ORM方法</a> </div>
                            <div class="article-cate"><a href="">后台</a> <a style="color:#a6a6a6">/</a>
                                <a href="">Django</a> </div> <a href="" class="article-img-box"> <img
                                    class="article-img" alt=""
                                    src="../media/article/13eb165ff2ad4132b1e21d5aa113117d/file_1564106904000.jpg"> </a>
                            <div class="article-detail-box c-666">
                                ![](https://img.hacpai.com/bing/20171230.jpg?imageView2/1/w/768/h/432/interlace/1/q/100)

                                # 前言
                                Django内置了数据库抽象API，通过调用指定函数，封装对象的方法来完成对数据库检索、增加、删除、修改、聚合等操作，无需手写SQL，可以大大提升开发效率。

                                - 开始教程之前，我们已经在 **mysite/b </div> <span class="article-tail-box"> <i class="fl"
                                    style="background-image: url('../static/img/read-index.svg')"></i>
                                <span class="read-number c-999 fl">62</span>
                                <i class="fl" style="background-image: url('../static/img/comment-index.svg')"></i>
                                <span class="comment-number c-999 fl">0</span> <span class="article-date c-999">8月7日
                                    22:23</span> <span class="article-author one-line-overflow c-999">admin</span>
                            </span>
                        </div>
                    </div>

                    <div class="article-box">
                        <div class="ab-content">
                            <div class="article-title"> <a href="">Django常用ORM方法</a> </div>
                            <div class="article-cate"><a href="">后台</a> <a style="color:#a6a6a6">/</a>
                                <a href="">Django</a> </div> <a href="" class="article-img-box"> <img
                                    class="article-img" alt=""
                                    src="../media/article/13eb165ff2ad4132b1e21d5aa113117d/file_1564106904000.jpg"> </a>
                            <div class="article-detail-box c-666">
                                ![](https://img.hacpai.com/bing/20171230.jpg?imageView2/1/w/768/h/432/interlace/1/q/100)

                                # 前言
                                Django内置了数据库抽象API，通过调用指定函数，封装对象的方法来完成对数据库检索、增加、删除、修改、聚合等操作，无需手写SQL，可以大大提升开发效率。

                                - 开始教程之前，我们已经在 **mysite/b </div> <span class="article-tail-box"> <i class="fl"
                                    style="background-image: url('../static/img/read-index.svg')"></i>
                                <span class="read-number c-999 fl">62</span>
                                <i class="fl" style="background-image: url('../static/img/comment-index.svg')"></i>
                                <span class="comment-number c-999 fl">0</span> <span class="article-date c-999">8月7日
                                    22:23</span> <span class="article-author one-line-overflow c-999">admin</span>
                            </span>
                        </div>
                    </div>

                    <div class="article-box">
                        <div class="ab-content">
                            <div class="article-title"> <a href="">Django常用ORM方法</a> </div>
                            <div class="article-cate"><a href="">后台</a> <a style="color:#a6a6a6">/</a>
                                <a href="">Django</a> </div> <a href="" class="article-img-box"> <img
                                    class="article-img" alt=""
                                    src="../media/article/13eb165ff2ad4132b1e21d5aa113117d/file_1564106904000.jpg"> </a>
                            <div class="article-detail-box c-666">
                                ![](https://img.hacpai.com/bing/20171230.jpg?imageView2/1/w/768/h/432/interlace/1/q/100)

                                # 前言
                                Django内置了数据库抽象API，通过调用指定函数，封装对象的方法来完成对数据库检索、增加、删除、修改、聚合等操作，无需手写SQL，可以大大提升开发效率。

                                - 开始教程之前，我们已经在 **mysite/b </div> <span class="article-tail-box"> <i class="fl"
                                    style="background-image: url('../static/img/read-index.svg')"></i>
                                <span class="read-number c-999 fl">62</span>
                                <i class="fl" style="background-image: url('../static/img/comment-index.svg')"></i>
                                <span class="comment-number c-999 fl">0</span> <span class="article-date c-999">8月7日
                                    22:23</span> <span class="article-author one-line-overflow c-999">admin</span>
                            </span>
                        </div>
                    </div>

                </div>

                <!--分页指示器-->
                <div id="pagination" class="pagination fl"></div>
            </div>

        </article>
    </div>

    <!--尾部-->
    <div class="footer">
        <div class="footer-line">Designed By 苍茫误此生 | Copyright © 2019</div>
        <div class="footer-line">站长统计</div>
    </div>
    <!--脚本-->
    <script type="text/javascript" src="../static/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="../static/js/global.js"></script>
    <script type="text/javascript" src="../static/js/myPagination.js"></script>
    <script type="text/javascript">
        const pagination = new myPagination({
            id: 'pagination',
            curPage: 1, //初始页码
            pageTotal: 2, //总页数
            pageAmount: 5,  //每页多少条
            dataTotal: 1, //总共多少条数据
            pageSize: 3, //可选,分页个数
            showPageTotalFlag: true, //是否显示数据统计
            getPage: function (page) {
                console.log(page);
            }
        });
    </script>
</body>

</html>